<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.bgg {
				width: 300px;
				height: 150px;
				background: white;
				text-align: center;
				padding-top: 30px;
				box-sizing: border-box;
			}
			.pic{
				width: 64px;
				height: 64px;
				background-image: url(../images/shanxian_03.png);
				background-size: 100% 100%;
				display: inline-block;
			}
			.pic:hover {
				transform: rotate(360deg);
				transition: all 3s ease;
				background-image: url(../images/22222222.png);							
			}


		</style>
	</head>

	<body>
		<div class="bgg">
			<div class="pic">
				<!--<img src="../images/shanxian_03.png" />-->
			</div>		
		</div>

	</body>

</html>